
<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
 </head>
</head>
<body>
<div>
    <a href="./时钟.html"><h1>时钟</h1></a>
<a href="./计算器.html"><h1>计算器</h1></a>
<a href="https://gitee.com/yo-xi-ba-ga-yao-lu/churh/tree/master/1"><h1>码云仓库</h1></a>
 
    <style>
        *{
            margin: 0%;
            padding: 0%;
            user-select: none;
        }
        body{
            background: url(./7.jpg);background-attachment: fixed;
            background-size: cover;
  }
       div{
        position: absolute;
        transform: translate(-50%,-50%);
        width: 50%;
        height: 40%;
        margin: 20% 60%;
       }
       a{
        background-color: #00000076;
        width: 50%;
        height: 30%;
        margin: 1%;
        border-radius: 12px;
        color: white;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
       }
       a:hover{
        background-color: rgb(0,123,255);
       }


       </style>
</div>
</body>       